<!DOCTYPE HTML>
<html>
<head>
	<title><?php bloginfo( 'name' ); ?> | <?php wp_title(); ?></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<?php wp_enqueue_script("jquery"); ?>
	<?php wp_head(); ?>
	
	<?php if ( is_front_page() ): ?>
		<script type="text/javascript" src="<?php print TEMPPATH ?>/js/bluemasters.js"></script>
		<link rel="stylesheet" type="text/css" media="screen" href="<?php print TEMPPATH ?>/css/front-page-footer.css" />
	<?php endif; ?>
	
	<link rel="stylesheet" href="<?php print TEMPPATH ?>/libraries/fancybox-2.1.3/source/jquery.fancybox.css" type="text/css" media="screen" />
	<script type="text/javascript" src="<?php print TEMPPATH ?>/libraries/fancybox-2.1.3/source/jquery.fancybox.pack.js"></script>
	<script type="text/javascript" src="<?php print TEMPPATH ?>/libraries/fancybox-2.1.3/source/helpers/jquery.fancybox-media.js"></script>
	<script type="text/javascript">
jQuery(document).ready(function($) {
	$('.fancybox-media')
		.attr('rel', 'media-gallery')
		.fancybox({
			openEffect  : 'none',
			closeEffect : 'none',
			prevEffect : 'none',
			nextEffect : 'none',
			arrows : false,
			helpers : {
				media : {},
				button: {}
			}
		});
});
	</script>
</head>
<body>

<div id="page">

<!--header-top-->
<header id="header-top">
	<div id="header-top-inside" class="clearfix">
		<!--header-top-inside-left-->
		<div id="header-top-inside-left">
			<!--logo-floater-->
			<div id="logo-floater"> 
				<a href="<?php print home_url( '/' ); ?>" title="<?php bloginfo( 'name' ); ?>">
					<img src="<?php print IMAGES; ?>/Vox-Square-Blue-64.jpg" alt="<?php bloginfo( 'name' ); ?>" style="width: 64px; height: 64px; box-shadow: 0 2px 2px rgba(128, 128, 128, 0.4);" />
				</a>
			</div> 
			<!--EOF:logo-floater-->
			<div style="font-weight: bold; margin-top: 10px; color: #CDCDCD; font-size: 32px; float: left; margin-left: 25px;">Call 1300 183 732</div>
		</div>
		<!--EOF:header-top-inside-left-->
		
		<!--header-top-inside-left-feed-->
		<div id="header-top-inside-left-feed">
				<div id="topSocial">
				<ul>									
						<li><a class="twitter" href="http://twitter.com/voxmusicacademy" title="Follow Us on Twitter!"></a></li>
						<li><a class="facebook" href="http://www.facebook.com/pages/Vox-Singing-Academy/175385249169020?ref=ts&fref=ts" title="Join Us on Facebook!"></a></li>
						<li><a class="youtube" href="http://www.youtube.com/user/VoxSingingAcademy" title="Visit our youtube channel"></a></li>
						<li><a class="rss" href="<?php print home_url( '/feed' ); ?>" title="RSS"></a></li>
				</ul>
				</div>
		</div>
		<!--EOF:header-top-inside-left-feed-->
		
		<!--header-top-inside-left-right-->
		<div id="header-top-inside-right"><?php get_search_form(); ?></div> 
		<!--EOF:header-top-inside-left-right-->
	</div>
</header>
<!--EOF:header-top-->

<div id="wrapper">
	<!--header-->
	<header id="header" class="clearfix" style="width: 100%;">
		<!--navigation-->
		<!--<div id="navigation">-->
			<nav id="access" role="navigation" class="navigation">
				<h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
				<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
				<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
				<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
				<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?>
				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
			</nav><!-- #access -->
		<!--</div><!--EOF:navigation-->
	</header><!--EOF:header-->
    
	<?php if ( !is_front_page() ): ?>	
		<div id="main-area" class="clearfix">
			<div id="main-area-inside" class="clearfix">
	<?php endif; ?>